@extends("home.base")

@section("pageContent")

    <div class="main-nav clearfix is-ts-sticky">
        <div class="container">
            <div class="row justify-content-between">
                <nav class="navbar navbar-expand-lg col-lg-8">
                    <div class="site-nav-inner float-left">
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="true" aria-label="Toggle navigation">
                            <span class="fa fa-bars"></span>
                        </button>
                        <!-- End of Navbar toggler -->
                        <div id="navbarSupportedContent" class="collapse navbar-collapse navbar-responsive-collapse">
                            <ul class="nav navbar-nav">
                                @foreach($types as $type)
                                    <li>
                                        <a href="">{{$type->name_ch}}</a>
                                    </li>
                                @endforeach
                            </ul><!--/ Nav ul end -->
                        </div><!--/ Collapse end -->

                    </div><!-- Site Navbar inner end -->
                </nav><!--/ Navigation end -->

                <div class="col-lg-4 text-right nav-social-wrap">
                    <div class="nav-search">
                        <a href="#search-popup" class="xs-modal-popup">
                            <i class="icon icon-search1"></i>
                        </a>
                    </div><!-- Search end -->

                    <div class="zoom-anim-dialog mfp-hide modal-searchPanel ts-search-form" id="search-popup">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="xs-search-panel">
                                    <form class="ts-search-group">
                                        <div class="input-group">
                                            <input type="search" class="form-control" name="s" placeholder="Search"
                                                   value="">
                                            <button class="input-group-btn search-button">
                                                <i class="icon icon-search1"></i>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div><!-- End xs modal -->
                </div>
            </div><!--/ Row end -->
        </div><!--/ Container end -->
    </div><!-- Menu wrapper end -->

    <section class="featured-post-area p-3">
        <div class="container">
            <div class="row ts-gutter-20">
                <div class="col-lg-7 col-md-12 pad-r">
                    <div id="featured-slider" class="owl-carousel owl-theme featured-slider">
                        @foreach($recommend as $re)
                                <div class="item post-overaly-style" style="background-image:url('{{$re->img}}')">
                                    <div class="featured-post">
                                        <a href="play?id={{$re->id}}" class="image-link">&nbsp;</a>
                                        <div class="overlay-post-content">
                                            <div class="post-content">
                                                <div class="grid-category">
                                                    <a class="post-cat fashion" href="play?id={{$re->id}}">{{$re->typeName}}</a>
                                                    <a class="post-cat lifestyle" href="play?id={{$re->id}}">{{$re->countryName}}</a>
                                                </div>

                                                <h2 class="post-title title-lg">
                                                    <a href="play?id={{$re->id}}">{{$re->name_ch}}</a>
                                                </h2>
                                                <div class="post-meta">
                                                    <ul>
                                                        <li><a href="play?id={{$re->id}}"><i class="fa fa-user"></i> John Wick</a></li>
                                                        <li><a href="play?id={{$re->id}}"><i
                                                                    class="icon icon-clock"></i> {{$re->created_at}}</a>
                                                        </li>
                                                        <li><a href="play?id={{$re->id}}" class="view"><i
                                                                    class="icon icon-fire"></i>{{$re->score/10}}</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!--/ Featured post end -->
                                </div><!-- Item 1 end -->
                        @endforeach
                    </div><!-- Featured owl carousel end-->
                </div><!-- Col 7 end -->

                <div class="col-lg-5 col-md-12 pad-l">
                    <div class="row ts-gutter-20">
                        <div class="col-md-12">
                            <div class="post-overaly-style post-md ml-8"
                                 style="background-image:url({{$rightTop->img}})">
                                <div class="post-content">
                                    <a class="post-cat lifestyle" href="play?id={{$rightTop->id}}">{{$rightTop->country}}</a>
                                    <h2 class="post-title title-md">
                                        <a href="play?id={{$rightTop->id}}">{{$rightTop->name_ch}}</a>
                                    </h2>
                                    <div class="post-meta">
                                        <ul>
                                            <li><a href="play?id={{$rightTop->id}}"><i class="fa fa-user"></i> John Wick</a></li>
                                            <li><a href="play?id={{$rightTop->id}}"><i class="icon icon-clock"></i> {{$rightTop->created_at}}
                                                </a></li>
                                        </ul>
                                    </div>
                                </div><!-- Post content end -->
                            </div><!-- Post Overaly end -->
                        </div><!-- Col end -->
                        <div class="col-md-12">
                            <div class="post-overaly-style post-sm overlay-primary  ml-8"
                                 style="background-image:url({{$rightBottom->img}})">
                                <div class="post-content">
                                    <a class="post-cat health" href="play?id={{$rightBottom->id}}">{{$rightBottom->type}}</a>
                                    <h2 class="post-title title-md">
                                        <a href="play?id={{$rightBottom->id}}">{{$rightBottom->name_ch}}</a>
                                    </h2>
                                    <div class="post-meta">
                                        <ul>
                                            <li><a href="play?id={{$rightBottom->id}}"><i class="fa fa-user"></i> John Wick</a></li>
                                            <li><a href="play?id={{$rightBottom->id}}"><i class="icon icon-clock"></i> {{$rightTop->created_at}}
                                                </a></li>
                                        </ul>
                                    </div>
                                </div><!-- Post content end -->
                            </div><!-- Post Overaly end -->
                        </div><!-- Col end -->
                    </div><!-- row end -->
                </div><!-- Col 5 end -->

            </div><!-- Row end -->
        </div><!-- Container end -->
    </section><!-- Feature post end -->

    <!-- post wraper start-->
    <section class="trending-slider pb-0">
        <div class="container">
            <div class="ts-grid-box">
                <h2 class="block-title">
                    <span class="title-angle-shap"> 所有电影 </span>
                </h2>
                <div class="owl-carousel dot-style2" id="trending-slider">
                    @foreach($movies as $movie)
                        <div class="item post-overaly-style post-md" style="background-image:url({{$movie->img}})">
                            <a href="play?id={{$movie->id}}" class="image-link">&nbsp;</a>
                            <div class="overlay-post-content">
                                <div class="post-content">
                                    <div class="grid-category">
                                        <a class="post-cat sports" href="play?id={{$movie->id}}">{{$movie->lang}}</a>
                                    </div>

                                    <h2 class="post-title">
                                        <a href="play?id={{$movie->id}}">{{$movie->name_ch}}</a>
                                    </h2>
                                    <div class="post-meta">
                                        <ul>
                                            <li><a href="play?id={{$movie->id}}"><i class="fa fa-user"></i> John Wick</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div><!-- Item 1 end -->
                    @endforeach
                </div>
                <!-- most-populers end-->
            </div>
            <!-- ts-populer-post-box end-->
        </div>
        <!-- container end-->
    </section>
    <!-- .section -->

    <section class="block-wrapper">
        <div class="container">
            <div class="row ts-gutter-30">
                <div class="col-lg-8 col-md-12">
                    <!--- Featured Tab startet -->
                    <div class="featured-tab">
                        <h2 class="block-title">
                            <span class="title-angle-shap"> What’s new</span>
                        </h2>
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="nav-link animated active fadeIn" href="#tab_a" data-toggle="tab">
										<span class="tab-head">
										<span class="tab-text-title">All</span>
									</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link animated fadeIn" href="#tab_b" data-toggle="tab">
										<span class="tab-head">
										<span class="tab-text-title">Lifestyle</span>
									</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link animated fadeIn" href="#tab_c" data-toggle="tab">
										<span class="tab-head">
										<span class="tab-text-title">Tech</span>
									</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link animated fadeIn" href="#tab_d" data-toggle="tab">
										<span class="tab-head">
										<span class="tab-text-title">Sports</span>
									</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link animated fadeIn" href="#tab_e" data-toggle="tab">
										<span class="tab-head">
										<span class="tab-text-title">Health</span>
									</span>
                                </a>
                            </li>
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane active animated fadeInRight" id="tab_a">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="post-block-style clearfix">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/tech/image5.png" alt=""/>
                                                </a>
                                                <div class="grid-cat">
                                                    <a class="post-cat tech" href="#">Tech</a>
                                                </div>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title title-md">
                                                    <a href="#">Ratcliffe to be Director of nation intelligence Trump
                                                        ignored</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-author"><a href="#"><i class="fa fa-user"></i> John Doe</a></span>
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                                <p>The market won’t stop actress and singer Jennifer Lopez from
                                                    expanding her property collection Lopez has reportedly added to her
                                                    real....</p>
                                            </div><!-- Post content end -->
                                        </div><!-- Post Block style end -->
                                    </div><!-- Col end -->

                                    <div class="col-lg-6 col-md-6">
                                        <div class="list-post-block">
                                            <ul class="list-post">
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat tech-color" href="#">Tech</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 1 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat travel-color" href="#">Travel</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 2 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image2.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat health-color" href="#">Health</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image1.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat sports-color" href="#">Sports</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                            </ul><!-- List post end -->
                                        </div><!-- List post block end -->
                                    </div><!-- List post Col end -->
                                </div><!-- Tab pane Row 1 end -->
                            </div><!-- Tab pane 1 end -->

                            <div class="tab-pane animated fadeInRight" id="tab_b">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="post-block-style clearfix">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/tech/tech02.png" alt=""/>
                                                </a>
                                                <div class="grid-cat">
                                                    <a class="post-cat tech" href="#">Tech</a>
                                                </div>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title title-md">
                                                    <a href="#">Ratcliffe to be Director of nation intelligence Trump
                                                        ignored</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-author"><a href="#"><i class="fa fa-user"></i> John Doe</a></span>
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                                <p>The market won’t stop actress and singer Jennifer Lopez from
                                                    expanding her property collection Lopez has reportedly added to her
                                                    real....</p>
                                            </div><!-- Post content end -->
                                        </div><!-- Post Block style end -->
                                    </div><!-- Col end -->

                                    <div class="col-lg-6 col-md-6">
                                        <div class="list-post-block">
                                            <ul class="list-post">
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat tech-color" href="#">Tech</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 1 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat travel-color" href="#">Travel</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 2 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image2.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat health-color" href="#">Health</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image1.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat sports-color" href="#">Sports</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                            </ul><!-- List post end -->
                                        </div><!-- List post block end -->
                                    </div><!-- List post Col end -->
                                </div><!-- Tab pane Row 1 end -->
                            </div><!-- Tab pane 2 end -->

                            <div class="tab-pane animated fadeInRight" id="tab_c">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="post-block-style clearfix">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                         alt=""/>
                                                </a>
                                                <div class="grid-cat">
                                                    <a class="post-cat tech" href="#">Tech</a>
                                                </div>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title title-md">
                                                    <a href="#">Ratcliffe to be Director of nation intelligence Trump
                                                        ignored</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-author"><a href="#"><i class="fa fa-user"></i> John Doe</a></span>
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                                <p>The market won’t stop actress and singer Jennifer Lopez from
                                                    expanding her property collection Lopez has reportedly added to her
                                                    real....</p>
                                            </div><!-- Post content end -->
                                        </div><!-- Post Block style end -->
                                    </div><!-- Col end -->

                                    <div class="col-lg-6 col-md-6">
                                        <div class="list-post-block">
                                            <ul class="list-post">
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat tech-color" href="#">Tech</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 1 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat travel-color" href="#">Travel</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 2 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image2.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat health-color" href="#">Health</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image1.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat sports-color" href="#">Sports</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                            </ul><!-- List post end -->
                                        </div><!-- List post block end -->
                                    </div><!-- List post Col end -->
                                </div><!-- Tab pane Row 1 end -->
                            </div><!-- Tab pane 3 end -->

                            <div class="tab-pane animated fadeInRight" id="tab_d">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="post-block-style clearfix">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/health/image1.png" alt=""/>
                                                </a>
                                                <div class="grid-cat">
                                                    <a class="post-cat sports" href="#">Sport</a>
                                                </div>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title title-md">
                                                    <a href="#">Ratcliffe to be Director of nation intelligence Trump
                                                        ignored</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-author"><a href="#"><i class="fa fa-user"></i> John Doe</a></span>
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                                <p>The market won’t stop actress and singer Jennifer Lopez from
                                                    expanding her property collection Lopez has reportedly added to her
                                                    real....</p>
                                            </div><!-- Post content end -->
                                        </div><!-- Post Block style end -->
                                    </div><!-- Col end -->

                                    <div class="col-lg-6 col-md-6">
                                        <div class="list-post-block">
                                            <ul class="list-post">
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat tech-color" href="#">Tech</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 1 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat travel-color" href="#">Travel</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 2 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image2.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat health-color" href="#">Health</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image1.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat sports-color" href="#">Sports</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                            </ul><!-- List post end -->
                                        </div><!-- List post block end -->
                                    </div><!-- List post Col end -->
                                </div><!-- Tab pane Row 1 end -->
                            </div><!-- Tab pane 4 end -->

                            <div class="tab-pane animated fadeInRight" id="tab_e">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="post-block-style clearfix">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/health/image2.png" alt=""/>
                                                </a>
                                                <div class="grid-cat">
                                                    <a class="post-cat health" href="#">Health</a>
                                                </div>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title title-md">
                                                    <a href="#">Ratcliffe to be Director of nation intelligence Trump
                                                        ignored</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-author"><a href="#"><i class="fa fa-user"></i> John Doe</a></span>
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                                <p>The market won’t stop actress and singer Jennifer Lopez from
                                                    expanding her property collection Lopez has reportedly added to her
                                                    real....</p>
                                            </div><!-- Post content end -->
                                        </div><!-- Post Block style end -->
                                    </div><!-- Col end -->

                                    <div class="col-lg-6 col-md-6">
                                        <div class="list-post-block">
                                            <ul class="list-post">
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat tech-color" href="#">Tech</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 1 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat travel-color" href="#">Travel</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 2 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image2.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat health-color" href="#">Health</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                                <li>
                                                    <div class="post-block-style media">
                                                        <div class="post-thumb">
                                                            <a href="#">
                                                                <img class="img-fluid"
                                                                     src="{{asset('home/images')}}/news/health/image1.png"
                                                                     alt=""/>
                                                            </a>
                                                        </div><!-- Post thumb end -->

                                                        <div class="post-content media-body">
                                                            <div class="grid-category">
                                                                <a class="post-cat sports-color" href="#">Sports</a>
                                                            </div>
                                                            <h2 class="post-title">
                                                                <a href="#">Santino loganne legan an year old
                                                                    resident</a>
                                                            </h2>
                                                            <div class="post-meta mb-7">
                                                                <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                            </div>
                                                        </div><!-- Post content end -->
                                                    </div><!-- Post block style end -->
                                                </li><!-- Li 3 end -->
                                            </ul><!-- List post end -->
                                        </div><!-- List post block end -->
                                    </div><!-- List post Col end -->
                                </div><!-- Tab pane Row 1 end -->
                            </div><!-- Tab pane 5 end -->
                        </div><!-- tab content -->
                    </div><!-- Technology Tab end -->

                    <div class="gap-20"></div>

                    <div class="block style2 text-light">
                        <h2 class="block-title">
                            <span class="title-angle-shap"> Lifestyle </span>
                        </h2>

                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="post-block-style">
                                    <div class="post-thumb">
                                        <a href="#">
                                            <img class="img-fluid"
                                                 src="{{asset('home/images')}}/news/fashion/image2.png" alt=""/>
                                        </a>
                                        <div class="grid-cat">
                                            <a class="post-cat tech" href="#">Tech</a>
                                        </div>
                                    </div>

                                    <div class="post-content">
                                        <h2 class="post-title title-md">
                                            <a href="#">Nancy Zhang a Chinese you famous business woman</a>
                                        </h2>
                                        <p>The market won’t stop actress and singer Jennifer Lopez from
                                            expanding....</p>
                                        <div class="post-meta mb-7">
                                            <span class="post-author"><a href="#"><i
                                                        class="fa fa-user"></i> John Doe</a></span>
                                            <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                        </div>
                                    </div><!-- Post content end -->
                                </div><!-- Post block a end -->
                            </div><!-- Col 1 end -->

                            <div class="col-lg-6 col-md-6">
                                <div class="row ts-gutter-20">
                                    <div class="col-md-6">
                                        <div class="post-block-style">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/fashion/image1.png" alt=""/>
                                                </a>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title mb-2">
                                                    <a href="#">Ratcliffe to be Dir ector of nation</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block a end -->
                                    </div><!-- .col -->
                                    <div class="col-md-6">
                                        <div class="post-block-style">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                         alt=""/>
                                                </a>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title mb-2">
                                                    <a href="#">Ratcliffe to be Dir ector of nation</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block a end -->
                                    </div><!-- .col -->
                                    <div class="col-md-6">
                                        <div class="post-block-style">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/health/image2.png" alt=""/>
                                                </a>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title mb-2">
                                                    <a href="#">Ratcliffe to be Dir ector of nation</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block a end -->
                                    </div><!-- .col -->
                                    <div class="col-md-6">
                                        <div class="post-block-style">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/fashion/image4.png" alt=""/>
                                                </a>
                                            </div>

                                            <div class="post-content">
                                                <h2 class="post-title mb-2">
                                                    <a href="#">Ratcliffe to be Dir ector of nation</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block a end -->
                                    </div><!-- .col -->
                                </div><!-- .row -->
                            </div><!-- Col 2 end -->
                        </div><!-- Row end -->
                    </div><!-- Block Lifestyle end -->


                </div><!-- Content Col end -->

                <div class="col-lg-4">
                    <div class="sidebar">
                        <div class="sidebar-widget social-widget">
                            <h2 class="block-title">
                                <span class="title-angle-shap"> Social</span>
                            </h2>
                            <div class="sidebar-social">
                                <ul class="ts-social-list">
                                    <li class="ts-facebook">
                                        <a href="#">
                                            <i class="tsicon fa fa-facebook"></i>
                                            <div class="count">
                                                <b>12.5 k </b>
                                                <span>Likes</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="ts-twitter">
                                        <a href="#">
                                            <i class="tsicon fa fa-twitter"></i>
                                            <div class="count">
                                                <b>12.5 k </b>
                                                <span>Follwers</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="ts-youtube">
                                        <a href="#">
                                            <i class="tsicon fa fa-youtube-play"></i>
                                            <div class="count">
                                                <b>12.5 k </b>
                                                <span>Follwers</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="ts-rss">
                                        <a href="#">
                                            <i class="tsicon fa fa-rss"></i>
                                            <div class="count">
                                                <b>12.5 k </b>
                                                <span>Follwers</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul><!-- social list -->
                            </div>
                        </div><!-- widget end -->

                        <div class="sidebar-widget ads-widget">
                            <div class="ads-image">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/banner-image/image2.png"
                                         alt="">
                                </a>
                            </div>
                        </div><!-- widget end -->
                        <div class="gap-20 d-none d-lg-block"></div>
                        <div class="sidebar-widget featured-tab post-tab">
                            <ul class="nav nav-tabs">
                                <li class="nav-item">
                                    <a class="nav-link animated active fadeIn" href="#post_tab_a" data-toggle="tab">
										<span class="tab-head">
											<span class="tab-text-title">Recent</span>
										</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link animated fadeIn" href="#post_tab_b" data-toggle="tab">
										<span class="tab-head">
											<span class="tab-text-title">Popular</span>
										</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link animated fadeIn" href="#post_tab_c" data-toggle="tab">
										<span class="tab-head">
											<span class="tab-text-title">Comments</span>
										</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="gap-50 d-none d-md-block"></div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="tab-content">
                                        <div class="tab-pane active animated fadeInRight" id="post_tab_a">
                                            <div class="list-post-block">
                                                <ul class="list-post">
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 1</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat tech-color" href="#">Tech</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">House last week that move would
                                                                        Inject</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 1 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 2</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat travel-color" href="#">Travel</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Zhang social media pop also known
                                                                        innocent</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 2 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/health/image2.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 3</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat health-color" href="#">Health</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Jennifer Lopez expand her property
                                                                        collection</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 3 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/health/image1.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 4</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat sports-color" href="#">Sports</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Santino loganne legan an year old
                                                                        resident</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 3 end -->
                                                </ul><!-- List post end -->
                                            </div>
                                        </div><!-- Tab pane 1 end -->
                                        <div class="tab-pane animated fadeInRight" id="post_tab_b">
                                            <div class="list-post-block">
                                                <ul class="list-post">
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 5</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat travel-color" href="#">Travel</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Zhang social media pop also known
                                                                        innocent</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 1 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 3</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat tech-color" href="#">Tech</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">House last week that move would
                                                                        Inject</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 2 end -->

                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/health/image1.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 1</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat sports-color" href="#">Sports</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Santino loganne legan an year old
                                                                        resident</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 3 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/health/image2.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 1</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat health-color" href="#">Health</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Jennifer Lopez expand her property
                                                                        collection</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 4 end -->
                                                </ul><!-- List post end -->
                                            </div>
                                        </div><!-- Tab pane 2 end -->
                                        <div class="tab-pane animated fadeInRight" id="post_tab_c">
                                            <div class="list-post-block">
                                                <ul class="list-post">
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/fashion/image3.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 1</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat tech-color" href="#">Tech</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">House last week that move would
                                                                        Inject</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 1 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/lifestyle/image3.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 2</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat travel-color" href="#">Travel</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Zhang social media pop also known
                                                                        innocent</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 2 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/health/image2.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 5</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat health-color" href="#">Health</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Jennifer Lopez expand her property
                                                                        collection</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 3 end -->
                                                    <li>
                                                        <div class="post-block-style media">
                                                            <div class="post-thumb">
                                                                <a href="#">
                                                                    <img class="img-fluid"
                                                                         src="{{asset('home/images')}}/news/health/image1.png"
                                                                         alt="">
                                                                </a>
                                                                <span class="tab-post-count"> 1</span>
                                                            </div><!-- Post thumb end -->

                                                            <div class="post-content media-body">
                                                                <div class="grid-category">
                                                                    <a class="post-cat sports-color" href="#">Sports</a>
                                                                </div>
                                                                <h2 class="post-title">
                                                                    <a href="#">Santino loganne legan an year old
                                                                        resident</a>
                                                                </h2>
                                                                <div class="post-meta mb-7">
                                                                    <span class="post-date"><i
                                                                            class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                                </div>
                                                            </div><!-- Post content end -->
                                                        </div><!-- Post block style end -->
                                                    </li><!-- Li 3 end -->
                                                </ul><!-- List post end -->
                                            </div>
                                        </div><!-- Tab pane 2 end -->
                                    </div><!-- tab content -->
                                </div>
                            </div>
                        </div><!-- widget end -->
                    </div>
                </div><!-- Sidebar Col end -->
            </div><!-- Row end -->
        </div><!-- Container end -->
    </section><!-- First block end -->

    <!-- block slider -->
    <section class="block-slider">
        <div class="container">
            <div class="ts-grid-box">
                <div class="owl-carousel dot-style2" id="post-block-slider">
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/lifestyle/image4.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat tech" href="#">Tech</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Zhang social media pop star also known innocent</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/fashion/image1.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat lifestyle" href="#">Lifestyle</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Jennifer Lopez expanding her property collection</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/travel/image1.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat travel" href="#">Travel</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Mansion Global previously reported residents</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/sports/sports02.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat sports" href="#">Sports</a>
                                    <a class="post-cat tech" href="#">Tech</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Zhang social media pop star also known innocent</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/lifestyle/image4.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat tech" href="#">Tech</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Zhang social media pop star also known innocent</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/fashion/image1.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat lifestyle" href="#">Lifestyle</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Jennifer Lopez expanding her property collection</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/travel/image1.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat travel" href="#">Travel</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Mansion Global previously reported residents</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                    <div class="item">
                        <div class="post-block-style">
                            <div class="post-thumb">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/news/sports/sports02.png"
                                         alt=""/>
                                </a>
                                <div class="grid-cat">
                                    <a class="post-cat sports" href="#">Sports</a>
                                    <a class="post-cat tech" href="#">Tech</a>
                                </div>
                            </div>

                            <div class="post-content">
                                <h2 class="post-title">
                                    <a href="#">Zhang social media pop star also known innocent</a>
                                </h2>
                                <div class="post-meta mb-7">
                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                </div>
                            </div><!-- Post content end -->
                        </div><!-- Post Block style end -->
                    </div><!-- slide-item end -->
                </div>
            </div>
            <!-- ts-populer-post-box end-->
        </div>
        <!-- container end-->
    </section>
    <!-- .block slider -->

    <section class="block-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-12">
                    <h2 class="block-title">
                        <span class="title-angle-shap"> Tech </span>
                    </h2>
                    <div class="post-block-style">
                        <div class="row align-items-center">
                            <div class="col-md-6">
                                <div class="post-thumb">
                                    <img src="{{asset('home/images')}}/news/tech/tech02.png" alt="">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="post-content">
                                    <h2 class="post-title title-md">
                                        <a href="#">Ratcliffe to be Director of nation intelligence Trump ignored</a>
                                    </h2>
                                    <div class="post-meta mb-7">
                                        <span class="post-author"><a href="#"><i
                                                    class="fa fa-user"></i> John Doe</a></span>
                                        <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                    </div>
                                    <p>The market won’t stop actress and singer Jennifer Lopez from expanding her
                                        property collection Lopez has reportedly added to her real....</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="gap-30"></div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="list-post-block">
                                <ul class="list-post">
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/tech/tech1.png" alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <div class="grid-category">
                                                    <a class="post-cat tech-color" href="#">Tech</a>
                                                </div>
                                                <h2 class="post-title">
                                                    <a href="#">Santino loganne legan an year old resident</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 1 end -->
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/tech/image5.png" alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <div class="grid-category">
                                                    <a class="post-cat travel-color" href="#">Travel</a>
                                                </div>
                                                <h2 class="post-title">
                                                    <a href="#">Santino loganne legan an year old resident</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 2 end -->
                                </ul><!-- list-post end -->
                            </div>
                        </div><!-- col end -->
                        <div class="col-md-6">
                            <div class="list-post-block">
                                <ul class="list-post">
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/lifestyle/image4.png"
                                                         alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <div class="grid-category">
                                                    <a class="post-cat tech-color" href="#">Tech</a>
                                                </div>
                                                <h2 class="post-title">
                                                    <a href="#">Santino loganne legan an year old resident</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 1 end -->
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/lifestyle/image2.png"
                                                         alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <div class="grid-category">
                                                    <a class="post-cat travel-color" href="#">Travel</a>
                                                </div>
                                                <h2 class="post-title">
                                                    <a href="#">Santino loganne legan an year old resident</a>
                                                </h2>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 2 end -->
                                </ul><!-- list-post end -->
                            </div>
                        </div><!-- col end -->
                    </div>
                </div><!-- Content Col end -->
                <div class="col-lg-4 col-md-12">
                    <div class="ts-category">
                        <ul class="ts-category-list">
                            <li>
                                <a href="#"
                                   style="background-image: url({{asset('home/images')}}/news/category/category1.png)">
                                    <span> Health </span>
                                    <span class="bar"></span>
                                    <span class="category-count">95</span>
                                </a>
                            </li><!-- end list 1 -->
                            <li>
                                <a href="#"
                                   style="background-image: url({{asset('home/images')}}/news/category/category2.png)">
                                    <span> Travel </span>
                                    <span class="bar"></span>
                                    <span class="category-count">93</span>
                                </a>
                            </li><!-- end list 2 -->
                            <li>
                                <a href="#"
                                   style="background-image: url({{asset('home/images')}}/news/category/category3.png)">
                                    <span> Sports </span>
                                    <span class="bar"></span>
                                    <span class="category-count">103</span>
                                </a>
                            </li><!-- end list 3 -->
                            <li>
                                <a href="#"
                                   style="background-image: url({{asset('home/images')}}/news/category/category4.png)">
                                    <span> Fashion </span>
                                    <span class="bar"></span>
                                    <span class="category-count">60</span>
                                </a>
                            </li><!-- end list 4 -->
                            <li>
                                <a href="#"
                                   style="background-image: url({{asset('home/images')}}/news/category/category5.png)">
                                    <span> Tech </span>
                                    <span class="bar"></span>
                                    <span class="category-count">30</span>
                                </a>
                            </li><!-- end list 5 -->
                        </ul>
                    </div>
                </div><!-- Sidebar Col end -->
            </div><!-- Row end -->
        </div><!-- Container end -->
    </section><!-- First block end -->

    <!-- ad banner start-->
    <div class="block-wrapper no-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="banner-img text-center">
                        <a href="index.html">
                            <img class="img-fluid" src="{{asset('home/images')}}/banner-image/image3.png" alt="">
                        </a>
                    </div>
                </div>
                <!-- col end -->
            </div>
            <!-- row  end -->
        </div>
        <!-- container end -->
    </div>
    <!-- ad banner end-->

    <section class="block-wrapper">
        <div class="container">
            <div class="row ts-gutter-30">
                <div class="col-lg-8 col-md-12">
                    <h2 class="block-title">
                        <span class="title-angle-shap"> Don’t miss </span>
                    </h2>
                    <div class="row text-light ts-gutter-30">
                        <div class="col-md-4">
                            <div class="post-overaly-style post-sm"
                                 style="background-image:url({{asset('home/images')}}/news/tech/image5.png)">
                                <a href="#" class="image-link">&nbsp;</a>
                                <div class="overlay-post-content">
                                    <div class="post-content">
                                        <div class="grid-category">
                                            <a class="post-cat tech" href="#">Tech</a>
                                        </div>

                                        <h2 class="post-title mb-0">
                                            <a href="#">House last week that move would Inject</a>
                                        </h2>
                                    </div>
                                </div>
                            </div><!-- post end -->
                        </div><!-- end col -->
                        <div class="col-md-4">
                            <div class="post-overaly-style post-sm"
                                 style="background-image:url({{asset('home/images')}}/news/health/image2.png)">
                                <a href="#" class="image-link">&nbsp;</a>
                                <div class="overlay-post-content">
                                    <div class="post-content">
                                        <div class="grid-category">
                                            <a class="post-cat health" href="#">Health</a>
                                        </div>

                                        <h2 class="post-title mb-0">
                                            <a href="#">Sydney declined for in first time in years</a>
                                        </h2>
                                    </div>
                                </div>
                            </div><!-- post end -->
                        </div><!-- end col -->
                        <div class="col-md-4">
                            <div class="post-overaly-style post-sm"
                                 style="background-image:url({{asset('home/images')}}/news/travel/image3.png)">
                                <a href="#" class="image-link">&nbsp;</a>
                                <div class="overlay-post-content">
                                    <div class="post-content">
                                        <div class="grid-category">
                                            <a class="post-cat travel" href="#">Travel</a>
                                        </div>

                                        <h2 class="post-title mb-0">
                                            <a href="#">House last week that move would Inject</a>
                                        </h2>
                                    </div>
                                </div>
                            </div><!-- post end -->
                        </div><!-- end col -->
                        <div class="col-md-4">
                            <div class="post-overaly-style post-sm"
                                 style="background-image:url({{asset('home/images')}}/news/sports/sports02.png)">
                                <a href="#" class="image-link">&nbsp;</a>
                                <div class="overlay-post-content">
                                    <div class="post-content">
                                        <div class="grid-category">
                                            <a class="post-cat sports" href="#">Sports</a>
                                        </div>

                                        <h2 class="post-title mb-0">
                                            <a href="#">The former senator from India</a>
                                        </h2>
                                    </div>
                                </div>
                            </div><!-- post end -->
                        </div><!-- end col -->
                        <div class="col-md-4">
                            <div class="post-overaly-style post-sm"
                                 style="background-image:url({{asset('home/images')}}/news/lifestyle/image4.png)">
                                <a href="#" class="image-link">&nbsp;</a>
                                <div class="overlay-post-content">
                                    <div class="post-content">
                                        <div class="grid-category">
                                            <a class="post-cat fashion" href="#">Fashion</a>
                                        </div>

                                        <h2 class="post-title mb-0">
                                            <a href="#">Ratcliffe to be Director Intelligent</a>
                                        </h2>
                                    </div>
                                </div>
                            </div><!-- post end -->
                        </div><!-- end col -->
                        <div class="col-md-4">
                            <div class="post-overaly-style post-sm"
                                 style="background-image:url({{asset('home/images')}}/news/tech/tech02.png)">
                                <a href="#" class="image-link">&nbsp;</a>
                                <div class="overlay-post-content">
                                    <div class="post-content">
                                        <div class="grid-category">
                                            <a class="post-cat tech" href="#">Tech</a>
                                        </div>
                                        <h2 class="post-title mb-0">
                                            <a href="#">House last week that move would Inject</a>
                                        </h2>
                                    </div>
                                </div>
                            </div><!-- post end -->
                        </div><!-- end col -->
                    </div><!-- end row -->

                </div><!-- Content Col end -->
                <div class="col-lg-4 col-md-12">
                    <h2 class="block-title block-title-dark">
                        <span class="title-angle-shap">Recent news </span>
                    </h2>
                    <div class="list-post-block">
                        <ul class="list-post">
                            <li>
                                <div class="post-block-style media">
                                    <div class="post-thumb thumb-md">
                                        <a href="#">
                                            <img class="img-fluid"
                                                 src="{{asset('home/images')}}/news/fashion/image3.png" alt="">
                                        </a>
                                    </div><!-- Post thumb end -->

                                    <div class="post-content media-body">
                                        <div class="grid-category">
                                            <a class="post-cat tech-color" href="#">Tech</a>
                                        </div>
                                        <h2 class="post-title">
                                            <a href="#">House last week that move would Inject</a>
                                        </h2>
                                        <div class="post-meta mb-7">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                        </div>
                                    </div><!-- Post content end -->
                                </div><!-- Post block style end -->
                            </li><!-- Li 1 end -->
                            <li>
                                <div class="post-block-style media">
                                    <div class="post-thumb thumb-md">
                                        <a href="#">
                                            <img class="img-fluid"
                                                 src="{{asset('home/images')}}/news/lifestyle/image3.png" alt="">
                                        </a>
                                    </div><!-- Post thumb end -->

                                    <div class="post-content media-body">
                                        <div class="grid-category">
                                            <a class="post-cat travel-color" href="#">Travel</a>
                                        </div>
                                        <h2 class="post-title">
                                            <a href="#">Zhang social media pop also known innocent</a>
                                        </h2>
                                        <div class="post-meta mb-7">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                        </div>
                                    </div><!-- Post content end -->
                                </div><!-- Post block style end -->
                            </li><!-- Li 2 end -->
                            <li>
                                <div class="post-block-style media">
                                    <div class="post-thumb thumb-md">
                                        <a href="#">
                                            <img class="img-fluid" src="{{asset('home/images')}}/news/health/image2.png"
                                                 alt="">
                                        </a>
                                    </div><!-- Post thumb end -->

                                    <div class="post-content media-body">
                                        <div class="grid-category">
                                            <a class="post-cat health-color" href="#">Health</a>
                                        </div>
                                        <h2 class="post-title">
                                            <a href="#">Jennifer Lopez expand her property collection</a>
                                        </h2>
                                        <div class="post-meta mb-7">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                        </div>
                                    </div><!-- Post content end -->
                                </div><!-- Post block style end -->
                            </li><!-- Li 3 end -->
                            <li>
                                <div class="post-block-style media">
                                    <div class="post-thumb thumb-md">
                                        <a href="#">
                                            <img class="img-fluid" src="{{asset('home/images')}}/news/health/image1.png"
                                                 alt="">
                                        </a>
                                    </div><!-- Post thumb end -->

                                    <div class="post-content media-body">
                                        <div class="grid-category">
                                            <a class="post-cat sports-color" href="#">Sports</a>
                                        </div>
                                        <h2 class="post-title">
                                            <a href="#">Santino loganne legan an year old resident</a>
                                        </h2>
                                        <div class="post-meta mb-7">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                        </div>
                                    </div><!-- Post content end -->
                                </div><!-- Post block style end -->
                            </li><!-- Li 3 end -->
                        </ul><!-- List post end -->
                    </div>
                </div><!-- Sidebar Col end -->
            </div><!-- Row end -->
        </div><!-- Container end -->
    </section><!-- First block end -->

    <!-- post wraper start-->
    <section class="trending-slider full-width no-padding">
        <div class="ts-grid-box">
            <div class="owl-carousel" id="fullbox-slider">
                <div class="item post-overaly-style post-lg"
                     style="background-image:url({{asset('home/images')}}/news/fashion/image1.png)">
                    <a href="#" class="image-link">&nbsp;</a>
                    <div class="overlay-post-content">
                        <div class="post-content">
                            <div class="grid-category">
                                <a class="post-cat lifestyle" href="#">Lifestyle</a>
                                <a class="post-cat fashion" href="#">Fashion</a>
                            </div>

                            <h2 class="post-title title-md">
                                <a href="#">Ratcliffe to be Director of intelligence Trump ignored </a>
                            </h2>
                            <div class="post-meta">
                                <ul>
                                    <li><a href="#"><i class="fa fa-user"></i> John Wick</a></li>
                                    <li class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- Item 1 end -->
                <div class="item post-overaly-style post-lg"
                     style="background-image:url({{asset('home/images')}}/news/tech/tech1.png)">
                    <a href="#" class="image-link">&nbsp;</a>
                    <div class="overlay-post-content">
                        <div class="post-content">
                            <div class="grid-category">
                                <a class="post-cat tech" href="#">Tech</a>
                            </div>

                            <h2 class="post-title title-md">
                                <a href="#">Santino William an 9 year old Gilroy resident area</a>
                            </h2>
                            <div class="post-meta">
                                <ul>
                                    <li><a href="#"><i class="fa fa-user"></i> John Wick</a></li>
                                    <li class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- Item 2 end -->
                <div class="item post-overaly-style post-lg"
                     style="background-image:url({{asset('home/images')}}/news/fashion/image2.png)">
                    <a href="#" class="image-link">&nbsp;</a>
                    <div class="overlay-post-content">
                        <div class="post-content">
                            <div class="grid-category">
                                <a class="post-cat health" href="#">Health</a>
                            </div>

                            <h2 class="post-title title-md">
                                <a href="#">Jennifer Lopez expanding property collection a lot</a>
                            </h2>
                            <div class="post-meta">
                                <ul>
                                    <li><a href="#"><i class="fa fa-user"></i> John Wick</a></li>
                                    <li class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- Item 3 end -->
                <div class="item post-overaly-style post-lg"
                     style="background-image:url({{asset('home/images')}}/news/lifestyle/image1.jpg)">
                    <a href="#" class="image-link">&nbsp;</a>
                    <div class="overlay-post-content">
                        <div class="post-content">
                            <div class="grid-category">
                                <a class="post-cat lifestyle" href="#">Lifestyle</a>
                            </div>

                            <h2 class="post-title title-md">
                                <a href="#">Nancy Zhang a Chinese woman and social media</a>
                            </h2>
                            <div class="post-meta">
                                <ul>
                                    <li><a href="#"><i class="fa fa-user"></i> John Wick</a></li>
                                    <li class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- Item 3 end -->
            </div>
            <!-- most-populers end-->
        </div>
    </section>

    <!-- .section -->
    <section class="block-wrapper">
        <div class="container">
            <div class="row ts-gutter-30">
                <div class="col-lg-8 col-md-12">
                    <h2 class="block-title">
                        <span class="title-angle-shap">Read Next </span>
                    </h2>
                    <div class="row ts-gutter-20">
                        <div class="col-md-6">
                            <div class="post-block-style">
                                <div class="post-thumb">
                                    <a href="#">
                                        <img class="img-fluid" src="{{asset('home/images')}}/news/tech/image5.png"
                                             alt="">
                                    </a>
                                    <div class="grid-cat">
                                        <a class="post-cat tech" href="#">Tech</a>
                                    </div>
                                </div>

                                <div class="post-content">
                                    <h2 class="post-title">
                                        <a href="#">Jennifer Lopez expanding her property collection a lot</a>
                                    </h2>
                                    <div class="post-meta mb-7">
                                        <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                    </div>
                                </div><!-- Post content end -->
                            </div>
                        </div><!-- end col -->
                        <div class="col-md-6">
                            <div class="post-block-style">
                                <div class="post-thumb">
                                    <a href="#">
                                        <img class="img-fluid" src="{{asset('home/images')}}/news/fashion/image4.png"
                                             alt="">
                                    </a>
                                    <div class="grid-cat">
                                        <a class="post-cat food" href="#">Food</a>
                                    </div>
                                </div>

                                <div class="post-content">
                                    <h2 class="post-title">
                                        <a href="#">Zhang social media pop star also
                                            known innocent gangstar</a>
                                    </h2>
                                    <div class="post-meta mb-7">
                                        <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                    </div>
                                </div><!-- Post content end -->
                            </div>
                        </div><!-- end col -->
                        <div class="col-md-6">
                            <div class="post-block-style">
                                <div class="post-thumb">
                                    <a href="#">
                                        <img class="img-fluid" src="{{asset('home/images')}}/news/lifestyle/image1.jpg"
                                             alt="">
                                    </a>
                                    <div class="grid-cat">
                                        <a class="post-cat tech" href="#">Tech</a>
                                    </div>
                                </div>

                                <div class="post-content">
                                    <h2 class="post-title">
                                        <a href="#">Santino Janson legan an year old Gilroy resident known innocent</a>
                                    </h2>
                                    <div class="post-meta mb-7">
                                        <span class="post-author"><a href="#"><i
                                                    class="fa fa-user"></i> John Doe</a></span>
                                        <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                    </div>
                                </div><!-- Post content end -->
                            </div>
                        </div><!-- end col -->
                        <div class="col-md-6">
                            <div class="post-block-style">
                                <div class="post-thumb">
                                    <a href="#">
                                        <img class="img-fluid" src="{{asset('home/images')}}/news/food/food01.png"
                                             alt="">
                                    </a>
                                    <div class="grid-cat">
                                        <a class="post-cat food" href="#">Food</a>
                                    </div>
                                </div>

                                <div class="post-content">
                                    <h2 class="post-title">
                                        <a href="#">Santino Janson legan an year old Gilroy resident known innocent</a>
                                    </h2>
                                    <div class="post-meta mb-7">
                                        <span class="post-author"><a href="#"><i
                                                    class="fa fa-user"></i> John Doe</a></span>
                                        <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                    </div>
                                </div><!-- Post content end -->
                            </div>
                        </div><!-- end col -->
                    </div><!-- end row -->
                    <div class="gap-30"></div>
                    <div class="row">
                        <div class="col-12">
                            <div class="load-more-btn text-center">
                                <button class="btn"> Load More</button>
                            </div>
                        </div>
                    </div>
                </div><!-- Content Col end -->
                <div class="col-lg-4 col-md-12">
                    <h2 class="block-title block-title-dark">
                        <span class="title-angle-shap">Recent Comments </span>
                    </h2>
                    <div class="ts-author-comments">
                        <div class="row ts-comments-row align-items-center mb-50">
                            <div class="col-lg-4 col-md-2">
                                <div class="ts-author-media">
                                    <div class="ts-author-thumb">
                                        <img src="{{asset('home/images')}}/news/author.png" alt="">
                                        <div class="ts-author-meta"> July 6, 2019</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-8 col-md-10">
                                <div class="ts-author-content">
                                    <div class="comment">
                                        <a href="#"> Hidden Hills property with mountain and city views boasts nine bed
                                            rooms, including a big </a>
                                    </div>
                                    <div class="ts-author"> by <a href="http://sc.chinaz.com"> John Doe </a></div>
                                </div>
                            </div>
                        </div><!-- ts-comments-row end -->
                        <div class="row ts-comments-row align-items-center mb-50">
                            <div class="col-lg-4 col-md-2">
                                <div class="ts-author-media">
                                    <div class="ts-author-thumb">
                                        <img src="{{asset('home/images')}}/news/user2.png" alt="">
                                        <div class="ts-author-meta"> July 6, 2019</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-8 col-md-10">
                                <div class="ts-author-content">
                                    <div class="comment">
                                        <a href="#"> Lopez has reportedly added to her real estat holdings an eight-plus
                                            acre estate in Bel-Air anchored </a>
                                    </div>
                                    <div class="ts-author"> by <a href="http://sc.chinaz.com"> John Doe </a></div>
                                </div>
                            </div>
                        </div><!-- ts-comments-row end -->
                        <div class="row ts-comments-row align-items-center mb-50">
                            <div class="col-lg-4 col-md-2">
                                <div class="ts-author-media">
                                    <div class="ts-author-thumb">
                                        <img src="{{asset('home/images')}}/news/user1.png" alt="">
                                        <div class="ts-author-meta"> July 6, 2019</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-8 col-md-10">
                                <div class="ts-author-content">
                                    <div class="comment">
                                        <a href="#"> Hidden Hills property with mountain and city views boasts nine bed
                                            rooms, including a big </a>
                                    </div>
                                    <div class="ts-author"> by <a href="http://sc.chinaz.com"> John Doe </a></div>
                                </div>
                            </div>
                        </div><!-- ts-comments-row end -->
                    </div>
                </div><!-- Sidebar Col end -->
            </div><!-- Row end -->
        </div><!-- Container end -->
    </section><!-- First block end -->

    <!-- ad banner start-->
    <div class="block-wrapper no-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="banner-img">
                        <a href="index.html">
                            <img class="img-fluid" src="{{asset('home/images')}}/banner-image/image4.png" alt="">
                        </a>
                    </div>
                </div>
                <!-- col end -->
            </div>
            <!-- row  end -->
        </div>
        <!-- container end -->
    </div>
    <!-- ad banner end-->
    <div class="gap-50"></div>
    <!-- ad banner start-->

    <div class="newsletter-area">
        <div class="container">
            <div class="row ts-gutter-30 justify-content-center align-items-center">
                <div class="col-lg-7 col-md-6">
                    <div class="footer-loto">
                        <a href="#">
                            <img src="{{asset('home/images')}}/logos/logo-light.png" alt="">
                        </a>
                    </div>
                </div>
                <!-- col end -->
                <div class="col-lg-5 col-md-6">
                    <div class="footer-newsletter">
                        <form action="#" method="post">
                            <div class="email-form-group">
                                <i class="news-icon fa fa-paper-plane" aria-hidden="true"></i>
                                <input type="email" name="EMAIL" class="newsletter-email" placeholder="Your email"
                                       required>
                                <input type="submit" class="newsletter-submit" value="Subscribe">
                            </div>

                        </form>
                    </div>
                </div>
                <!-- col end -->
            </div>
            <!-- row  end -->
        </div>
        <!-- container end -->
    </div>
    <!-- ad banner end-->

    <!-- Footer start -->
    <div class="ts-footer">
        <div class="container">
            <div class="row ts-gutter-30 justify-content-lg-between justify-content-center">
                <div class="col-lg-4 col-md-6">
                    <div class="footer-widtet">
                        <h3 class="widget-title"><span>About Us</span></h3>
                        <div class="widget-content">
                            <p>Hidden Hills property with mountain and city view boast nine bedrooms including a master
                                suite with private terrace and an entertainment. wing which includes a 20-seat
                                theater.</p>
                            <ul class="ts-footer-info">
                                <li><i class="fa fa-home"></i> 15 Cliff St, New York NY 10038, USA</li>
                                <li><i class="icon icon-phone2"></i> +1 212-602-9641</li>
                                <li><i class="fa fa-envelope"></i>info@example.com</li>
                            </ul>
                            <ul class="ts-social">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                                <li><a href="#"><i class="fa fa-rss"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div><!-- col end -->
                <div class="col-lg-3 col-md-6">
                    <div class="footer-widtet post-widget">
                        <h3 class="widget-title"><span>Popular Post</span></h3>
                        <div class="widget-content">
                            <div class="list-post-block">
                                <ul class="list-post">
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/tech/image5.png" alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <h4 class="post-title">
                                                    <a href="#">Santino loganne legan an old resident</a>
                                                </h4>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 1 end -->
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/fashion/image4.png" alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <h4 class="post-title">
                                                    <a href="#">Jennifer Lopez expan her property</a>
                                                </h4>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 2 end -->
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/tech/tech1.png" alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <h4 class="post-title">
                                                    <a href="#">Zhang social media pop star also known</a>
                                                </h4>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 3 end -->
                                    <li>
                                        <div class="post-block-style media">
                                            <div class="post-thumb">
                                                <a href="#">
                                                    <img class="img-fluid"
                                                         src="{{asset('home/images')}}/news/fashion/image1.png" alt="">
                                                </a>
                                            </div><!-- Post thumb end -->

                                            <div class="post-content media-body">
                                                <h4 class="post-title">
                                                    <a href="#">House last week that move would Inject</a>
                                                </h4>
                                                <div class="post-meta mb-7">
                                                    <span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
                                                </div>
                                            </div><!-- Post content end -->
                                        </div><!-- Post block style end -->
                                    </li><!-- Li 3 end -->
                                </ul><!-- list-post end -->
                            </div>
                        </div>
                    </div>
                </div><!-- col end -->
                <div class="col-lg-3 col-md-6">
                    <div class="footer-widtet post-widget">
                        <div class="widget-content">
                            <div class="footer-ads">
                                <a href="#">
                                    <img class="img-fluid" src="{{asset('home/images')}}/banner-image/image6.jpg"
                                         alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div><!-- col end -->
            </div><!-- row end -->
        </div><!-- container end -->
    </div>
    <!-- Footer End-->
@endsection
